<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<div id="main" style="width: 100%; height: 400px;"></div>
<script type="text/javascript">
	using('echarts', function() {
		var $tab = $navTab.focus(), $main = $('#main', $tab);
		
		var	myChart = echarts.init($main[0]);
		
		// 指定图表的配置项和数据
	    var option = {
	        title: {
	            text: '<ww:property value="#dictID.getDictType(\"d_usercount_type\", showType).name"/>'
	        },
	        tooltip : {
	            trigger: 'axis'
	        },
	        legend: {
	            data:['人数']
	        },
	        xAxis: {
	            data: [<ww:property value="axisX"/>],
	            axisTick: {
	                alignWithLabel: true
	            }
	        },
	        yAxis: [{
	        	type: 'value',
	        	axisLabel: {
	        		formatter: '{value}人'
	        		}
	        }],
	        series: [{
	            name: '人数',
	            type: 'bar',
				data:[<ww:property value="axisY" />],
	            markPoint : {
	                data : [
	                    {type : 'max', name: '最大值'},
	                    {type : 'min', name: '最小值'}
	                ]
	            },
	            markLine : {
	                data : [
	                    {type : 'average', name: '平均值'}
	                ]
	            }
	        }]
	    };
		
		// 使用刚指定的配置项和数据显示图表。
	    myChart.setOption(option);
	    
		$main.resize(function() {
			myChart.resize(option);
		});
		
	})
	
</script>
